<template>
<div style="width: 100%;min-height:100%">
  <p  class="title">欠费信息</p>
  <div style="margin: 10px 0">
    <div style="margin-left: 30px">
    <p>学号:{{form.stuId}}</p>
      <p>姓名:{{form.name}}</p>
      <p>性别:{{form.sex}}</p>
      <p>专业:{{}}</p>
      <p>班级:{{}}</p>
      <p>手机号: {{form.phone}}</p>
      <p>邮箱{{form.email}}</p>
    </div>
  </div>
</div>
</template>

<script setup>
import {ref} from "vue";
const form =ref({
  stuId:"2021900438",
  name:"田雨凌",
  sex:"男",
  zhuanye:"",
  phone:"18888888888",
  email:"123@qq.com",
})


</script>

<style  scoped>
.title{
  font-weight: 550;
  font-size: 20px;
  margin-left: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(223,230,216);
  height: 50px;
  /*transform: translateY(-20px)*/
}
</style>